<template>
	<div>
		<div class="fiveFun">
			<div class="fiveBOx">
				<div><span class="span1 spanPic"></span><span class="spanText">优鲜保障</span></div>
				<div><span class="span2 spanPic"></span><span class="spanText">全程监控</span></div>
				<div><span class="span3 spanPic"></span><span class="spanText">礼拜五特惠</span></div>
				<div><span class="span4 spanPic"></span><span class="spanText">基地直供</span></div>
				<div class="div5"><span class="span5 spanPic"></span><span class="spanText">准时送达</span></div>
			</div>
		</div>
		<div class="footerLi">
			<div class="brand">
				<div class="brandPic"></div>
				<div>
					<span>服务时间：08：-22：00</span>
					<span><i class="iconfont icon-xiaochengxu_tubiao"></i><span class="brandText">400-800-8820</span></span>
				</div>
			</div>
			<div class="weixin">
				<div class="weixinPic"></div>
				<div class="weixinText">礼拜五官方微信</div>
			</div>
			<div class="weixin">
				<div class="weixinPic"></div>
				<div class="weixinText">礼拜五APP</div>
			</div>
			<div class="ULone">
				<div><router-link to="/gylbw">关于礼拜五</router-link></div>
				<ul>
					<li>新用户注册</li>
					<li>在线下单</li>
					<li>支付方式</li>
				</ul>
			</div>
			<div class="ULone">
				<div>配送说明</div>
				<ul>
					<li>运费说明</li>
					<li>配送方式</li>
					<li>发票说明</li>
				</ul>
			</div>
			<div class="ULone">
				<div>售后服务</div>
				<ul>
					<li>退换款说明</li>
					<li>服务保障承诺</li>
					<li>验货与签收</li>
				</ul>
			</div>
			<div class="ULone">
				<div>加盟礼拜五</div>
				<ul>
					<li>加盟条款</li>
					<li>公司简介</li>
					<li>服务协议</li>
				</ul>
			</div>
		</div>
		<div class="footerLast">
			<div class="footerLastOne"><span>版权所有@礼拜五</span><span>保留所有权|沪ICP备12042163</span></div>
			<div class="footerLastTwo"><span>礼拜五</span><span>纵享品质</span></div>
		</div>
	</div>
</template>

<script>
</script>

<style>
	.fiveFun{
		width: 100%;
		height: 104px;
		border-top: 1px solid #dddddd;
		border-bottom:1px solid #dddddd;
	}
	.fiveBOx{
		width: 67%;
		margin: auto;
		height: 60px;
		margin-top: 22px;
		
	}
	.fiveBOx .div5{
		border: none;
	}
	.fiveBOx div{
		float: left;
		width: 19%;
		height: 60px;
		border-right: 1px solid #DDDDDD;
	}
	.spanPic{
		float: left;
		width: 44px;
		height: 44px;
		margin-left:20%;
		margin-top: 8px;
	}
	.spanText{
		float: left;
		height: 44px;
		line-height: 44px;
		margin-top: 8px;
		margin-left: 5px;
	}
	.span1{
		background: url("../../public/images/zhengpin.png");
	}
	.span2{
		background: url("../../public/images/quan.png");
	}
	.span3{
		background: url("../../public/images/jingxun.png");
	}
	.span4{
		background: url("../../public/images/gong.png");
	}
	.span5{
		background: url("../../public/images/naozhong.png");
	}
	.footerLi{
		width: 67%;
		margin: auto;
		height: 200px;
	}
	.footerLi div{
		float: left;
		margin-left: 2.1%;
	}
	.brand{
		width:29%;
		margin-top: 20px;
	}
	.brandPic{
		width:100%;
		height: 70px;
		background: url("../../public/images/logo-1.png")  no-repeat;
		background-size:100% 100% ;
		margin-bottom: 40px;
	}
	.brand span{
		margin-right: 20px;
		font-size: 16px;
	}
	.brandText{
		color: #f08200;
	}
	.weixin{
		width: 130px;
	}
	.weixinPic{
		width: 130px;
		height: 130px;
		background: url("../../public/images/erwei.png") no-repeat;
		margin-top: 20px;
	}
	.weixinText{
		width: 130px;
		margin-top: 15px;
		text-align: center;
	}
	.ULone{
		width: 7%;
		margin-top: 20px;
	}
	.ULone div{
		font-size: 16px;
	}
	.ULone ul{
		margin-top: 28px;
		font-size: 14px;
	}
	.ULone li{
		height: 30px;
		line-height: 30px;
		color: #c1c1c1;
	}
	.footerLast{
		width: 100%;
		margin-top: 10px;
		border-top: 1px solid #c1c1c1;
	}
	.footerLastOne{
		width: 100%;
		margin-top: 20px;		
		text-align: center;
	}
	.footerLastOne span{
		margin-right: 5px;
	}
	.footerLastTwo{
		width: 100%;
		margin-top: 10px;		
		text-align: center;
		color: #f08200;
	}
	.footerLastTwo span{
		margin-right: 10px;
	}
	.footerLi a{
		color: #000000;
	}
</style>
